<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>JSDoc: Module: widgets/xdh-go</title>

    <script src="scripts/prettify/prettify.js"> </script>
    <script src="scripts/prettify/lang-css.js"> </script>
    <!--[if lt IE 9]>
      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>

<body>

<div id="main">

    <h1 class="page-title">Module: widgets/xdh-go</h1>

    




<section>

<header>
    
        
            
        
    
</header>

<article>
    <div class="container-overview">
    
        
            <div class="description"><p>GoJS组件</p></div>
        

        
            















<dl class="details">

    

    

    

    

    

    

    

    

    
    <dt class="tag-author">Author:</dt>
    <dd class="tag-author">
        <ul>
            <li>陈华春</li>
        </ul>
    </dd>
    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line2">line 2</a>
    </li></ul></dd>
    

    

    

    
</dl>


















        
    
    </div>

    

    

    

    

    

    

    
        <h3 class="subsection-title">Members</h3>

        
            
<h4 class="name" id=".props"><span class="type-signature">(static) </span>props<span class="type-signature"></span></h4>




<div class="description">
    <p>参数属性</p>
</div>







    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        
        <th>Attributes</th>
        

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>width</code></td>
            

            <td class="type">
            
                
<span class="param-type">string</span>


            
            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                
                </td>
            

            
                <td class="default">
                
                    100%
                
                </td>
            

            <td class="description last"><p>图表宽度</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>height</code></td>
            

            <td class="type">
            
                
<span class="param-type">string</span>


            
            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                
                </td>
            

            
                <td class="default">
                
                    100%
                
                </td>
            

            <td class="description last"><p>图表高度</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>nodeTemplate</code></td>
            

            <td class="type">
            
                
<span class="param-type">function</span>


            
            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                
                </td>
            

            
                <td class="default">
                
                </td>
            

            <td class="description last"><p>节点模板回调函数，回调参数 $:创建图表工厂函数，go:GoJs命名空间对象。 需要返回go.GraphObject实例</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>linkTemplate</code></td>
            

            <td class="type">
            
                
<span class="param-type">function</span>


            
            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                
                </td>
            

            
                <td class="default">
                
                </td>
            

            <td class="description last"><p>连线模板回调函数，回调参数 $:创建图表工厂函数，go:GoJs命名空间对象 需要返回go.GraphObject实例</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>nodeTemplateMap</code></td>
            

            <td class="type">
            
                
<span class="param-type">function</span>


            
            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                
                </td>
            

            
                <td class="default">
                
                </td>
            

            <td class="description last"><p>节点模板Map，回调参数 $:创建图表工厂函数，go:GoJs命名空间对象 需要返回go.Map实例, nodeTemplate，nodeTemplateMap两个只能设置一个</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>linkTemplateMap</code></td>
            

            <td class="type">
            
                
<span class="param-type">function</span>


            
            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                
                </td>
            

            
                <td class="default">
                
                </td>
            

            <td class="description last"><p>连线模板Map, 回调参数 $:创建图表工厂函数，go:GoJs命名空间对象需要返回go.Map实例，linkTemplate，linkTemplateMap两个只能设置一个</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>groupTemplate</code></td>
            

            <td class="type">
            
                
<span class="param-type">function</span>


            
            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                
                </td>
            

            
                <td class="default">
                
                </td>
            

            <td class="description last"><p>分组模板回调函数，回调参数 $:创建图表工厂函数，go:GoJs命名空间对象 需要返回go.GraphObject实例</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>groupTemplateMap</code></td>
            

            <td class="type">
            
                
<span class="param-type">function</span>


            
            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                
                </td>
            

            
                <td class="default">
                
                </td>
            

            <td class="description last"><p>分组模板Map回调函数，回调参数 $:创建图表工厂函数，go:GoJs命名空间对象 需要返回go.GraphObject实例</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>type</code></td>
            

            <td class="type">
            
                
<span class="param-type">string</span>


            
            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                
                </td>
            

            
                <td class="default">
                
                    Model
                
                </td>
            

            <td class="description last"><p>数据模型类型，可选值：Model / GraphLinksModel / TreeModel</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>nodes</code></td>
            

            <td class="type">
            
                
<span class="param-type">Array.&lt;Object></span>


            
            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                
                </td>
            

            
                <td class="default">
                
                </td>
            

            <td class="description last"><p>初始化节点数据数组</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>links</code></td>
            

            <td class="type">
            
                
<span class="param-type">Array.&lt;Object></span>


            
            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                
                </td>
            

            
                <td class="default">
                
                </td>
            

            <td class="description last"><p>初始化连线数据数组</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>config</code></td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>
|

<span class="param-type">function</span>


            
            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                
                </td>
            

            
                <td class="default">
                
                </td>
            

            <td class="description last"><p>go.Diagram 配置对象</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>layout</code></td>
            

            <td class="type">
            
                
<span class="param-type">function</span>


            
            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                
                </td>
            

            
                <td class="default">
                
                </td>
            

            <td class="description last"><p>初始化布局回调函数，回调参数 $:创建图表工厂函数，go:GoJs命名空间对象。需要返回go各种布局实例</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>events</code></td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                
                </td>
            

            
                <td class="default">
                
                </td>
            

            <td class="description last"><p>绑定图表事件，事件名称：事件句柄函数 键值对形式</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>modelConfig</code></td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>
|

<span class="param-type">function</span>


            
            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                
                </td>
            

            
                <td class="default">
                
                </td>
            

            <td class="description last"><p>数据模型配置对象， 用在 $(go.Model, modelConfig)</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>palette</code></td>
            

            <td class="type">
            
                
<span class="param-type">Boolean</span>


            
            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                
                </td>
            

            
                <td class="default">
                
                    false
                
                </td>
            

            <td class="description last"><p>是否 Palette Diagram</p></td>
        </tr>

    
    </tbody>
</table>




<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line45">line 45</a>
    </li></ul></dd>
    

    

    

    
</dl>






        
            
<h4 class="name" id="~diagram"><span class="type-signature">(inner) </span>diagram<span class="type-signature"> :go.Diagram</span></h4>




<div class="description">
    <p>图表实例</p>
</div>



    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">go.Diagram</span>


        </li>
    </ul>





<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line127">line 127</a>
    </li></ul></dd>
    

    

    

    
</dl>






        
            
<h4 class="name" id="~go"><span class="type-signature">(inner) </span>go<span class="type-signature"> :Object</span></h4>




<div class="description">
    <p>go框架对象</p>
</div>



    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>





<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line121">line 121</a>
    </li></ul></dd>
    

    

    

    
</dl>






        
            
<h4 class="name" id="~listeners"><span class="type-signature">(inner) </span>listeners<span class="type-signature"> :Object</span></h4>




<div class="description">
    <p>图表事件句柄缓存</p>
</div>



    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>





<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line133">line 133</a>
    </li></ul></dd>
    

    

    

    
</dl>






        
    

    
        <h3 class="subsection-title">Methods</h3>

        
            

    

    
    <h4 class="name" id="~addLink"><span class="type-signature">(inner) </span>addLink<span class="signature">(data)</span><span class="type-signature"></span></h4>
    

    



<div class="description">
    <p>添加连线</p>
</div>









    <h5>Parameters:</h5>
    

<table class="params">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>data</code></td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>
|

<span class="param-type">Array</span>


            
            </td>

            

            

            <td class="description last"><p>连线数据或连线数据数组</p></td>
        </tr>

    
    </tbody>
</table>






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line425">line 425</a>
    </li></ul></dd>
    

    

    

    
</dl>


















        
            

    

    
    <h4 class="name" id="~addNode"><span class="type-signature">(inner) </span>addNode<span class="signature">(data)</span><span class="type-signature"></span></h4>
    

    



<div class="description">
    <p>添加节点</p>
</div>









    <h5>Parameters:</h5>
    

<table class="params">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>data</code></td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>
|

<span class="param-type">Array</span>


            
            </td>

            

            

            <td class="description last"><p>节点数据或节点数据数组</p></td>
        </tr>

    
    </tbody>
</table>






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line413">line 413</a>
    </li></ul></dd>
    

    

    

    
</dl>


















        
            

    

    
    <h4 class="name" id="~bindEvents"><span class="type-signature">(inner) </span>bindEvents<span class="signature">(events)</span><span class="type-signature"></span></h4>
    

    



<div class="description">
    <p>绑定图表事件，内部调用 addDiagramListener, 函数作用域修改为vue实例</p>
</div>









    <h5>Parameters:</h5>
    

<table class="params">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>events</code></td>
            

            <td class="type">
            
                
<span class="param-type">object</span>


            
            </td>

            

            

            <td class="description last"><p>事件名称：处理函数 键值对</p></td>
        </tr>

    
    </tbody>
</table>






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line207">line 207</a>
    </li></ul></dd>
    

    

    

    
</dl>


















        
            

    

    
    <h4 class="name" id="~clear"><span class="type-signature">(inner) </span>clear<span class="signature">()</span><span class="type-signature"></span></h4>
    

    



<div class="description">
    <p>清楚画布所有图形</p>
</div>













<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line487">line 487</a>
    </li></ul></dd>
    

    

    

    
</dl>


















        
            

    

    
    <h4 class="name" id="~findChildLinks"><span class="type-signature">(inner) </span>findChildLinks<span class="signature">(key)</span><span class="type-signature"> &rarr; {Array.&lt;Object>}</span></h4>
    

    



<div class="description">
    <p>根据节点的key查找该节点的所有子节点连线</p>
</div>









    <h5>Parameters:</h5>
    

<table class="params">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>key</code></td>
            

            <td class="type">
            
                
<span class="param-type">String</span>
|

<span class="param-type">Number</span>


            
            </td>

            

            

            <td class="description last"><p>节点标识key</p></td>
        </tr>

    
    </tbody>
</table>






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line332">line 332</a>
    </li></ul></dd>
    

    

    

    
</dl>













<h5>Returns:</h5>

        
<div class="param-desc">
    <p>子节点连线数组</p>
</div>



<dl>
    <dt>
        Type
    </dt>
    <dd>
        
<span class="param-type">Array.&lt;Object></span>


    </dd>
</dl>

    





        
            

    

    
    <h4 class="name" id="~findChildNodes"><span class="type-signature">(inner) </span>findChildNodes<span class="signature">(key, parentName<span class="signature-attributes">opt</span>)</span><span class="type-signature"> &rarr; {Array.&lt;Object>}</span></h4>
    

    



<div class="description">
    <p>根据节点的key查找该节点的所有子节点</p>
</div>









    <h5>Parameters:</h5>
    

<table class="params">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        
        <th>Attributes</th>
        

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>key</code></td>
            

            <td class="type">
            
                
<span class="param-type">String</span>
|

<span class="param-type">Number</span>


            
            </td>

            
                <td class="attributes">
                

                

                
                </td>
            

            
                <td class="default">
                
                </td>
            

            <td class="description last"><p>节点标识key</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>parentName</code></td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                

                
                </td>
            

            
                <td class="default">
                
                    parent
                
                </td>
            

            <td class="description last"><p>TreeModel模型数据父节点标识字段名称，默认：parent。 GraphLinksModel模型忽略该参数</p></td>
        </tr>

    
    </tbody>
</table>






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line354">line 354</a>
    </li></ul></dd>
    

    

    

    
</dl>













<h5>Returns:</h5>

        
<div class="param-desc">
    <p>子节点数组</p>
</div>



<dl>
    <dt>
        Type
    </dt>
    <dd>
        
<span class="param-type">Array.&lt;Object></span>


    </dd>
</dl>

    





        
            

    

    
    <h4 class="name" id="~findLink"><span class="type-signature">(inner) </span>findLink<span class="signature">(find, isGraphObject)</span><span class="type-signature"> &rarr; {GraphObject|Object}</span></h4>
    

    



<div class="description">
    <p>查找单个连线图形或连线数据</p>
</div>









    <h5>Parameters:</h5>
    

<table class="params">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>find</code></td>
            

            <td class="type">
            
                
<span class="param-type">function</span>
|

<span class="param-type">string</span>
|

<span class="param-type">number</span>


            
            </td>

            

            

            <td class="description last"><p>查询函数或数据的key， 当filter事函数时，用法与数组的find方法一样</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>isGraphObject</code></td>
            

            <td class="type">
            
                
<span class="param-type">boolean</span>


            
            </td>

            

            

            <td class="description last"><p>是否查询的是图形对象</p></td>
        </tr>

    
    </tbody>
</table>






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line286">line 286</a>
    </li></ul></dd>
    

    

    

    
</dl>













<h5>Returns:</h5>

        


<dl>
    <dt>
        Type
    </dt>
    <dd>
        
<span class="param-type">GraphObject</span>
|

<span class="param-type">Object</span>


    </dd>
</dl>

    




    <h5>Example</h5>
    
    <pre class="prettyprint"><code>chart.findLink(item => item.key === 'A')  // 查询key为A的数据
chart.findLink('A')  // 查询key为A的数据
chart.findLink('A', true) 查询key为A的连线图形对象</code></pre>



        
            

    

    
    <h4 class="name" id="~findLinks"><span class="type-signature">(inner) </span>findLinks<span class="signature">(filter, isGraphObject)</span><span class="type-signature"> &rarr; {Array.&lt;GraphObject>|Array.&lt;Object>}</span></h4>
    

    



<div class="description">
    <p>查找多个连线图形或连线数据</p>
</div>









    <h5>Parameters:</h5>
    

<table class="params">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>filter</code></td>
            

            <td class="type">
            
                
<span class="param-type">function</span>


            
            </td>

            

            

            <td class="description last"><p>过滤函数</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>isGraphObject</code></td>
            

            <td class="type">
            
            </td>

            

            

            <td class="description last"><p>是否查询的是图形对象</p></td>
        </tr>

    
    </tbody>
</table>






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line307">line 307</a>
    </li></ul></dd>
    

    

    

    
</dl>













<h5>Returns:</h5>

        


<dl>
    <dt>
        Type
    </dt>
    <dd>
        
<span class="param-type">Array.&lt;GraphObject></span>
|

<span class="param-type">Array.&lt;Object></span>


    </dd>
</dl>

    




    <h5>Example</h5>
    
    <pre class="prettyprint"><code>chart.findLinks(item => item.type === 1)  // 查询type=1的数据</code></pre>



        
            

    

    
    <h4 class="name" id="~findNode"><span class="type-signature">(inner) </span>findNode<span class="signature">(find, isGraphObject)</span><span class="type-signature"> &rarr; {GraphObject|Object}</span></h4>
    

    



<div class="description">
    <p>查找单个节点图形或节点数据</p>
</div>









    <h5>Parameters:</h5>
    

<table class="params">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>find</code></td>
            

            <td class="type">
            
                
<span class="param-type">function</span>
|

<span class="param-type">string</span>
|

<span class="param-type">number</span>


            
            </td>

            

            

            <td class="description last"><p>查询函数或数据的key， 当filter事函数时，用法与数组的find方法一样</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>isGraphObject</code></td>
            

            <td class="type">
            
                
<span class="param-type">boolean</span>


            
            </td>

            

            

            <td class="description last"><p>是否查询的是图形对象</p></td>
        </tr>

    
    </tbody>
</table>






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line238">line 238</a>
    </li></ul></dd>
    

    

    

    
</dl>













<h5>Returns:</h5>

        


<dl>
    <dt>
        Type
    </dt>
    <dd>
        
<span class="param-type">GraphObject</span>
|

<span class="param-type">Object</span>


    </dd>
</dl>

    




    <h5>Example</h5>
    
    <pre class="prettyprint"><code>chart.findNode(item => item.key === 'A')  // 查询key为A的数据
chart.findNode('A')  // 查询key为A的数据
chart.findNode('A', true) 查询key为A的节点图形对象</code></pre>



        
            

    

    
    <h4 class="name" id="~findNodes"><span class="type-signature">(inner) </span>findNodes<span class="signature">(filter, isGraphObject)</span><span class="type-signature"> &rarr; {Array.&lt;GraphObject>|Array.&lt;Object>}</span></h4>
    

    



<div class="description">
    <p>查找多个节点图形或节点数据</p>
</div>









    <h5>Parameters:</h5>
    

<table class="params">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>filter</code></td>
            

            <td class="type">
            
                
<span class="param-type">function</span>


            
            </td>

            

            

            <td class="description last"><p>过滤函数</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>isGraphObject</code></td>
            

            <td class="type">
            
            </td>

            

            

            <td class="description last"><p>是否查询的是图形对象</p></td>
        </tr>

    
    </tbody>
</table>






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line259">line 259</a>
    </li></ul></dd>
    

    

    

    
</dl>













<h5>Returns:</h5>

        


<dl>
    <dt>
        Type
    </dt>
    <dd>
        
<span class="param-type">Array.&lt;GraphObject></span>
|

<span class="param-type">Array.&lt;Object></span>


    </dd>
</dl>

    




    <h5>Example</h5>
    
    <pre class="prettyprint"><code>chart.findNodes(item => item.type === 1)  // 查询type=1的数据
chart.findNodes(1)  // 查询type=1的数据
chart.findNodes('A', true) 查询type=1的节点图形对象</code></pre>



        
            

    

    
    <h4 class="name" id="~fromJson"><span class="type-signature">(inner) </span>fromJson<span class="signature">(json)</span><span class="type-signature"></span></h4>
    

    



<div class="description">
    <p>根据json构建图表模型</p>
</div>









    <h5>Parameters:</h5>
    

<table class="params">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>json</code></td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>
|

<span class="param-type">String</span>


            
            </td>

            

            

            <td class="description last"></td>
        </tr>

    
    </tbody>
</table>






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line507">line 507</a>
    </li></ul></dd>
    

    

    

    
</dl>


















        
            

    

    
    <h4 class="name" id="~loadData"><span class="type-signature">(inner) </span>loadData<span class="signature">(nodes<span class="signature-attributes">opt</span>, links<span class="signature-attributes">opt</span>)</span><span class="type-signature"></span></h4>
    

    



<div class="description">
    <p>载入节点和连线数据，初始化会调用，当需要更新数据时可调用该方法来加载数据</p>
</div>









    <h5>Parameters:</h5>
    

<table class="params">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        
        <th>Attributes</th>
        

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>nodes</code></td>
            

            <td class="type">
            
                
<span class="param-type">Array.&lt;Object></span>


            
            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                

                
                </td>
            

            

            <td class="description last"><p>节点数据</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>links</code></td>
            

            <td class="type">
            
                
<span class="param-type">Array.&lt;Object></span>


            
            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                

                
                </td>
            

            

            <td class="description last"><p>连线数据</p></td>
        </tr>

    
    </tbody>
</table>






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line158">line 158</a>
    </li></ul></dd>
    

    

    

    
</dl>


















        
            

    

    
    <h4 class="name" id="~loadLayout"><span class="type-signature">(inner) </span>loadLayout<span class="signature">(func)</span><span class="type-signature"></span></h4>
    

    



<div class="description">
    <p>设置图表布局</p>
</div>









    <h5>Parameters:</h5>
    

<table class="params">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>func</code></td>
            

            <td class="type">
            
                
<span class="param-type">function</span>


            
            </td>

            

            

            <td class="description last"><p>布局回调函数，回调参数 $:创建图表工厂函数，go:GoJs命名空间对象。需要返回go各种布局实例</p></td>
        </tr>

    
    </tbody>
</table>






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line197">line 197</a>
    </li></ul></dd>
    

    

    

    
</dl>


















        
            

    

    
    <h4 class="name" id="~loadTemplate"><span class="type-signature">(inner) </span>loadTemplate<span class="signature">()</span><span class="type-signature"></span></h4>
    

    



<div class="description">
    <p>初始化载入图表模板</p>
</div>













<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line173">line 173</a>
    </li></ul></dd>
    

    

    

    
</dl>


















        
            

    

    
    <h4 class="name" id="~removeChild"><span class="type-signature">(inner) </span>removeChild<span class="signature">(key, parentName<span class="signature-attributes">opt</span>)</span><span class="type-signature"></span></h4>
    

    



<div class="description">
    <p>根据节点的key删除所有子节点和连线</p>
</div>









    <h5>Parameters:</h5>
    

<table class="params">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        
        <th>Attributes</th>
        

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>key</code></td>
            

            <td class="type">
            
                
<span class="param-type">String</span>
|

<span class="param-type">Number</span>


            
            </td>

            
                <td class="attributes">
                

                

                
                </td>
            

            
                <td class="default">
                
                </td>
            

            <td class="description last"><p>节点标识key</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>parentName</code></td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                

                
                </td>
            

            
                <td class="default">
                
                    parent
                
                </td>
            

            <td class="description last"><p>TreeModel模型数据父节点标识字段名称，默认：parent。 GraphLinksModel模型忽略该参数</p></td>
        </tr>

    
    </tbody>
</table>






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line473">line 473</a>
    </li></ul></dd>
    

    

    

    
</dl>


















        
            

    

    
    <h4 class="name" id="~removeLink"><span class="type-signature">(inner) </span>removeLink<span class="signature">(data)</span><span class="type-signature"></span></h4>
    

    



<div class="description">
    <p>删除连线</p>
</div>









    <h5>Parameters:</h5>
    

<table class="params">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>data</code></td>
            

            <td class="type">
            
                
<span class="param-type">String</span>
|

<span class="param-type">Object</span>
|

<span class="param-type">Array</span>


            
            </td>

            

            

            <td class="description last"><p>要删除的连线数据、数组或连线key</p></td>
        </tr>

    
    </tbody>
</table>






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line455">line 455</a>
    </li></ul></dd>
    

    

    

    
</dl>


















        
            

    

    
    <h4 class="name" id="~removeNode"><span class="type-signature">(inner) </span>removeNode<span class="signature">(data)</span><span class="type-signature"></span></h4>
    

    



<div class="description">
    <p>删除节点</p>
</div>









    <h5>Parameters:</h5>
    

<table class="params">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>data</code></td>
            

            <td class="type">
            
                
<span class="param-type">String</span>
|

<span class="param-type">Object</span>
|

<span class="param-type">Array</span>


            
            </td>

            

            

            <td class="description last"><p>要删除的节点数据、数组或节点key</p></td>
        </tr>

    
    </tbody>
</table>






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line437">line 437</a>
    </li></ul></dd>
    

    

    

    
</dl>


















        
            

    

    
    <h4 class="name" id="~setTemplate"><span class="type-signature">(inner) </span>setTemplate<span class="signature">(type, templateFunc)</span><span class="type-signature"></span></h4>
    

    



<div class="description">
    <p>设置模板，可以调用该方法更新图表模板</p>
</div>









    <h5>Parameters:</h5>
    

<table class="params">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code></td>
            

            <td class="type">
            
                
<span class="param-type">string</span>


            
            </td>

            

            

            <td class="description last"><p>模板类型，支持：nodeTemplate / linkTemplate / nodeTemplateMap / linkTemplateMap / groupTemplate / groupTemplateMap</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>templateFunc</code></td>
            

            <td class="type">
            
            </td>

            

            

            <td class="description last"><p>模板构建回调函数，回调参数 $:创建图表工厂函数，go:GoJs命名空间对象</p></td>
        </tr>

    
    </tbody>
</table>






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line182">line 182</a>
    </li></ul></dd>
    

    

    

    
</dl>


















        
            

    

    
    <h4 class="name" id="~toJson"><span class="type-signature">(inner) </span>toJson<span class="signature">()</span><span class="type-signature"> &rarr; {String}</span></h4>
    

    



<div class="description">
    <p>图表转换成json格式字符串</p>
</div>













<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line498">line 498</a>
    </li></ul></dd>
    

    

    

    
</dl>













<h5>Returns:</h5>

        


<dl>
    <dt>
        Type
    </dt>
    <dd>
        
<span class="param-type">String</span>


    </dd>
</dl>

    





        
            

    

    
    <h4 class="name" id="~unbindEvents"><span class="type-signature">(inner) </span>unbindEvents<span class="signature">(events)</span><span class="type-signature"></span></h4>
    

    



<div class="description">
    <p>解除事件绑定，内部调用 removeDiagramListener</p>
</div>









    <h5>Parameters:</h5>
    

<table class="params">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>events</code></td>
            

            <td class="type">
            
                
<span class="param-type">object</span>


            
            </td>

            

            

            <td class="description last"><p>事件名称：处理函数 键值对</p></td>
        </tr>

    
    </tbody>
</table>






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line222">line 222</a>
    </li></ul></dd>
    

    

    

    
</dl>


















        
            

    

    
    <h4 class="name" id="~update"><span class="type-signature">(inner) </span>update<span class="signature">(data, props, value<span class="signature-attributes">opt</span>)</span><span class="type-signature"></span></h4>
    

    



<div class="description">
    <p>更新节点或连线数据, 更新的数据实时响应模板渲染图表</p>
</div>









    <h5>Parameters:</h5>
    

<table class="params">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        
        <th>Attributes</th>
        

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>data</code></td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            
                <td class="attributes">
                

                

                
                </td>
            

            

            <td class="description last"><p>源节点或连线数据</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>props</code></td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>
|

<span class="param-type">String</span>


            
            </td>

            
                <td class="attributes">
                

                

                
                </td>
            

            

            <td class="description last"><p>需要更新的数据字段键值对或字段名称</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>value</code></td>
            

            <td class="type">
            
                
<span class="param-type">*</span>


            
            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                

                
                </td>
            

            

            <td class="description last"><p>字段名称对应的值，当 props 是 String类型时，必须要传</p></td>
        </tr>

    
    </tbody>
</table>






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line382">line 382</a>
    </li></ul></dd>
    

    

    

    
</dl>

















    <h5>Example</h5>
    
    <pre class="prettyprint"><code>let data = chart.findNode('A')
chart.update(data, {a:1, b:2}) // data数据更新 a 和 b 字段
chart.update(data, a, 1) // data数据更新a字段</code></pre>



        
    

    

    
        <h3 class="subsection-title">Events</h3>

        
            

    

    
    <h4 class="name" id="~event:on-ready">on-ready</h4>
    

    



<div class="description">
    <p>go.Diagram实例化完成时触发</p>
</div>









    <h5>Parameters:</h5>
    

<table class="params">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>diagram</code></td>
            

            <td class="type">
            
                
<span class="param-type">object</span>


            
            </td>

            

            

            <td class="description last"><p>Diagram实例</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>$</code></td>
            

            <td class="type">
            
                
<span class="param-type">object</span>


            
            </td>

            

            

            <td class="description last"><p>go.GraphObject.make</p></td>
        </tr>

    

        <tr>
            
                <td class="name"><code>go</code></td>
            

            <td class="type">
            
                
<span class="param-type">object</span>


            
            </td>

            

            

            <td class="description last"><p>GoJS命名空间</p></td>
        </tr>

    
    </tbody>
</table>






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="src_widgets_xdh-go_xdh-go.vue.html">src/widgets/xdh-go/xdh-go.vue</a>, <a href="src_widgets_xdh-go_xdh-go.vue.html#line542">line 542</a>
    </li></ul></dd>
    

    

    

    
</dl>


















        
    
</article>

</section>




</div>

<nav>
    <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-extension_charts_bar_xdh-bar-rankings.html">extension/charts/bar/xdh-bar-rankings</a></li><li><a href="module-extension_charts_graph_xdh-flow.html">extension/charts/graph/xdh-flow</a></li><li><a href="module-extension_charts_line_xdh-line-basic.html">extension/charts/line/xdh-line-basic</a></li><li><a href="module-extension_charts_line_xdh-line-stacked.html">extension/charts/line/xdh-line-stacked</a></li><li><a href="module-extension_charts_other_xdh-waterwave.html">extension/charts/other/xdh-waterwave</a></li><li><a href="module-extension_charts_pie_xdh-pie-gauge.html">extension/charts/pie/xdh-pie-gauge</a></li><li><a href="module-extension_charts_pie_xdh-pie-semiring.html">extension/charts/pie/xdh-pie-semiring</a></li><li><a href="module-extension_login.html">extension/login</a></li><li><a href="module-extension_xdh-admin.html">extension/xdh-admin</a></li><li><a href="module-extensions_xdh-exception.html">extensions/xdh-exception</a></li><li><a href="module-widgets_xdh-affix.html">widgets/xdh-affix</a></li><li><a href="module-widgets_xdh-anchor.html">widgets/xdh-anchor</a></li><li><a href="module-widgets_xdh-avatar.html">widgets/xdh-avatar</a></li><li><a href="module-widgets_xdh-back-top.html">widgets/xdh-back-top</a></li><li><a href="module-widgets_xdh-breadcrumb.html">widgets/xdh-breadcrumb</a></li><li><a href="module-widgets_xdh-capture.html">widgets/xdh-capture</a></li><li><a href="module-widgets_xdh-chart-card.html">widgets/xdh-chart-card</a></li><li><a href="module-widgets_xdh-ckeditor.html">widgets/xdh-ckeditor</a></li><li><a href="module-widgets_xdh-combo.html">widgets/xdh-combo</a></li><li><a href="module-widgets_xdh-contextmenu.html">widgets/xdh-contextmenu</a></li><li><a href="module-widgets_xdh-countdown.html">widgets/xdh-countdown</a></li><li><a href="module-widgets_xdh-countup.html">widgets/xdh-countup</a></li><li><a href="module-widgets_xdh-cropper.html">widgets/xdh-cropper</a></li><li><a href="module-widgets_xdh-curd.html">widgets/xdh-curd</a></li><li><a href="module-widgets_xdh-description-list.html">widgets/xdh-description-list</a></li><li><a href="module-widgets_xdh-dialog.html">widgets/xdh-dialog</a></li><li><a href="module-widgets_xdh-dialog-form.html">widgets/xdh-dialog-form</a></li><li><a href="module-widgets_xdh-echarts.html">widgets/xdh-echarts</a></li><li><a href="module-widgets_xdh-editor.html">widgets/xdh-editor</a></li><li><a href="module-widgets_xdh-ellipsis.html">widgets/xdh-ellipsis</a></li><li><a href="module-widgets_xdh-filter-panel.html">widgets/xdh-filter-panel</a></li><li><a href="module-widgets_xdh-flip.html">widgets/xdh-flip</a></li><li><a href="module-widgets_xdh-form.html">widgets/xdh-form</a></li><li><a href="module-widgets_xdh-go.html">widgets/xdh-go</a></li><li><a href="module-widgets_xdh-grid.html">widgets/xdh-grid</a></li><li><a href="module-widgets_xdh-grid-layout.html">widgets/xdh-grid-layout</a></li><li><a href="module-widgets_xdh-header.html">widgets/xdh-header</a></li><li><a href="module-widgets_xdh-image-picker.html">widgets/xdh-image-picker</a></li><li><a href="module-widgets_xdh-image-text.html">widgets/xdh-image-text</a></li><li><a href="module-widgets_xdh-layout.html">widgets/xdh-layout</a></li><li><a href="module-widgets_xdh-list.html">widgets/xdh-list</a></li><li><a href="module-widgets_xdh-list-panel.html">widgets/xdh-list-panel</a></li><li><a href="module-widgets_xdh-loading.html">widgets/xdh-loading</a></li><li><a href="module-widgets_xdh-marquee.html">widgets/xdh-marquee</a></li><li><a href="module-widgets_xdh-menu.html">widgets/xdh-menu</a></li><li><a href="module-widgets_xdh-menu-toggle.html">widgets/xdh-menu-toggle</a></li><li><a href="module-widgets_xdh-nav-tabs.html">widgets/xdh-nav-tabs</a></li><li><a href="module-widgets_xdh-pager.html">widgets/xdh-pager</a></li><li><a href="module-widgets_xdh-panel.html">widgets/xdh-panel</a></li><li><a href="module-widgets_xdh-print.html">widgets/xdh-print</a></li><li><a href="module-widgets_xdh-result.html">widgets/xdh-result</a></li><li><a href="module-widgets_xdh-scroll.html">widgets/xdh-scroll</a></li><li><a href="module-widgets_xdh-select.html">widgets/xdh-select</a></li><li><a href="module-widgets_xdh-skeleton.html">widgets/xdh-skeleton</a></li><li><a href="module-widgets_xdh-slide-panel.html">widgets/xdh-slide-panel</a></li><li><a href="module-widgets_xdh-table.html">widgets/xdh-table</a></li><li><a href="module-widgets_xdh-tabs.html">widgets/xdh-tabs</a></li><li><a href="module-widgets_xdh-tabs_sortable.html">widgets/xdh-tabs/sortable</a></li><li><a href="module-widgets_xdh-tag-canvas.html">widgets/xdh-tag-canvas</a></li><li><a href="module-widgets_xdh-tag-select.html">widgets/xdh-tag-select</a></li><li><a href="module-widgets_xdh-timeline.html">widgets/xdh-timeline</a></li><li><a href="module-widgets_xdh-title.html">widgets/xdh-title</a></li><li><a href="module-widgets_xdh-tree.html">widgets/xdh-tree</a></li><li><a href="module-widgets_xdh-tree-select.html">widgets/xdh-tree-select</a></li><li><a href="module-widgets_xdh-tree-table.html">widgets/xdh-tree-table</a></li><li><a href="module-widgets_xdh-watermark.html">widgets/xdh-watermark</a></li><li><a href="module-widgets_xdh-window.html">widgets/xdh-window</a></li></ul><h3>Classes</h3><ul><li><a href="module-widgets_xdh-tabs_sortable-Sortable.html">Sortable</a></li><li><a href="Outline.html">Outline</a></li><li><a href="Tag.html">Tag</a></li><li><a href="TagCanvas.html">TagCanvas</a></li></ul><h3>Events</h3><ul><li><a href="global.html#~event:change">change</a></li><li><a href="module-widgets_xdh-image-picker.html#~event:click">click</a></li><li><a href="module-widgets_xdh-dialog-form.html#~event:close">close</a></li><li><a href="module-widgets_xdh-pager.html#~event:current-change">current-change</a></li><li><a href="module-widgets_xdh-tabs.html#~event:edit">edit</a></li><li><a href="module-extension_xdh-admin.html#~event:header-nav-select">header-nav-select</a></li><li><a href="module-extension_xdh-admin.html#~event:header-search">header-search</a></li><li><a href="module-extension_xdh-admin.html#~event:header-tool-click">header-tool-click</a></li><li><a href="module-widgets_xdh-tree-select.html#~event:input">input</a></li><li><a href="module-widgets_xdh-grid-layout.html#~event:layout-updated">layout-updated</a></li><li><a href="module-extension_xdh-admin.html#~event:menu-select">menu-select</a></li><li><a href="module-widgets_xdh-capture.html#~event:on-capture">on-capture</a></li><li><a href="module-widgets_xdh-tag-select.html#~event:on-change">on-change</a></li><li><a href="module-widgets_xdh-tag-select.html#~event:on-checked-all">on-checked-all</a></li><li><a href="module-widgets_xdh-image-picker.html#~event:on-clear">on-clear</a></li><li><a href="module-widgets_xdh-nav-tabs.html#~event:on-click">on-click</a></li><li><a href="module-widgets_xdh-window.html#~event:on-closed">on-closed</a></li><li><a href="module-widgets_xdh-layout.html#~event:on-collapsed">on-collapsed</a></li><li><a href="module-widgets_xdh-table.html#~event:on-column-sort">on-column-sort</a></li><li><a href="module-widgets_xdh-nav-tabs.html#~event:on-command">on-command</a></li><li><a href="module-widgets_xdh-cropper.html#~event:on-crop">on-crop</a></li><li><a href="module-widgets_xdh-curd.html#~event:on-dialog-close">on-dialog-close</a></li><li><a href="module-widgets_xdh-curd.html#~event:on-dialog-open">on-dialog-open</a></li><li><a href="module-widgets_xdh-window.html#~event:on-drag">on-drag</a></li><li><a href="module-widgets_xdh-countdown.html#~event:on-end">on-end</a></li><li><a href="module-widgets_xdh-contextmenu.html#~event:on-hide">on-hide</a></li><li><a href="module-widgets_xdh-list-panel.html#~event:on-load-complete">on-load-complete</a></li><li><a href="module-widgets_xdh-window.html#~event:on-minimized">on-minimized</a></li><li><a href="module-widgets_xdh-contextmenu.html#~event:on-mouseenter">on-mouseenter</a></li><li><a href="module-widgets_xdh-contextmenu.html#~event:on-mouseleave">on-mouseleave</a></li><li><a href="module-widgets_xdh-header.html#~event:on-nav-select">on-nav-select</a></li><li><a href="module-widgets_xdh-capture.html#~event:on-output">on-output</a></li><li><a href="module-widgets_xdh-filter-panel.html#~event:on-query'">on-query'</a></li><li><a href="module-widgets_xdh-list-panel.html#~event:on-reach-bottom">on-reach-bottom</a></li><li><a href="module-widgets_xdh-list-panel.html#~event:on-reach-top">on-reach-top</a></li><li><a href="module-widgets_xdh-go.html#~event:on-ready">on-ready</a></li><li><a href="module-widgets_xdh-nav-tabs.html#~event:on-remove">on-remove</a></li><li><a href="module-widgets_xdh-filter-panel.html#~event:on-reset">on-reset</a></li><li><a href="module-widgets_xdh-window.html#~event:on-resize">on-resize</a></li><li><a href="module-widgets_xdh-table.html#~event:on-row-sort">on-row-sort</a></li><li><a href="module-widgets_xdh-list-panel.html#~event:on-scroll">on-scroll</a></li><li><a href="module-widgets_xdh-header.html#~event:on-search">on-search</a></li><li><a href="module-widgets_xdh-tree-select.html#~event:on-selected">on-selected</a></li><li><a href="module-widgets_xdh-contextmenu.html#~event:on-show">on-show</a></li><li><a href="module-widgets_xdh-slide-panel.html#~event:on-slide">on-slide</a></li><li><a href="module-widgets_xdh-window.html#~event:on-start-drag">on-start-drag</a></li><li><a href="module-widgets_xdh-window.html#~event:on-start-resize">on-start-resize</a></li><li><a href="module-widgets_xdh-window.html#~event:on-stop-drag">on-stop-drag</a></li><li><a href="module-widgets_xdh-layout.html#~event:on-stop-resize">on-stop-resize</a></li><li><a href="module-widgets_xdh-form.html#~event:on-submit">on-submit</a></li><li><a href="module-widgets_xdh-curd.html#~event:on-success">on-success</a></li><li><a href="module-widgets_xdh-header.html#~event:on-tool-click">on-tool-click</a></li><li><a href="module-widgets_xdh-contextmenu.html#~event:on-trigger">on-trigger</a></li><li><a href="module-widgets_xdh-editor.html#~event:on-upload">on-upload</a></li><li><a href="module-widgets_xdh-menu.html#~event:open">open</a></li><li><a href="module-widgets_xdh-filter-panel.html#~event:reset-expand-fields">reset-expand-fields</a></li><li><a href="module-widgets_xdh-menu.html#~event:select">select</a></li><li><a href="module-extension_xdh-admin.html#~event:sidebar-switch">sidebar-switch</a></li><li><a href="module-widgets_xdh-pager.html#~event:size-change">size-change</a></li><li><a href="module-widgets_xdh-tabs.html#~event:tab-add">tab-add</a></li><li><a href="module-extension_xdh-admin.html#~event:tab-click">tab-click</a></li><li><a href="module-extension_xdh-admin.html#~event:tab-remove">tab-remove</a></li><li><a href="module-widgets_xdh-filter-panel.html#~event:toggle">toggle</a></li><li><a href="module-widgets_xdh-affix.html#event:change">change</a></li><li><a href="module-widgets_xdh-back-top.html#event:click">click</a></li><li><a href="module-widgets_xdh-curd.html#~event:update:query">update:query</a></li><li><a href="module-widgets_xdh-filter-panel.html#~event:update:model">update:model</a></li></ul><h3>Global</h3><ul><li><a href="global.html#AddShadowToImage">AddShadowToImage</a></li><li><a href="global.html#getWaterPositions">getWaterPositions</a></li><li><a href="global.html#loadAreaData">loadAreaData</a></li><li><a href="global.html#objToData">objToData</a></li><li><a href="global.html#RoundImage">RoundImage</a></li><li><a href="global.html#setAreaData">setAreaData</a></li></ul>
</nav>

<br class="clear">

<footer>
    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Sun Oct 28 2018 10:45:36 GMT+0800 (CST)
</footer>

<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>